<template>
  <view>
    <view class="search">
      <view class="search-left">
        <uni-icons type="smallcircle-filled" size="16" color="#b7c5dd"></uni-icons>
        <view class="search-left-text">{{company}}</view>
      </view>
    </view>
    <view class="search">
      <view class="search-left">
        <uni-icons type="smallcircle" size="16" color="#b7c5dd"></uni-icons>
        <input placeholder="请输入要更改的公司" v-model="newCompany"></input>
      </view>
      <button class="search-bot" @tap="onSubmit">提交</button>
    </view>
  </view>

</template>
<script>
export default {
  data() {
    return {
      company: '四川水电与交通电子信息通信研究开发能力有限责任公司',
      newCompany: ''
    }
  },
  methods: {
    onSubmit() {

    },
  }
}
</script>
<style lang="scss" scoped>
.search {
  background: #fff;
  padding: 10px 3vw;
  display: flex;
  align-items: center;
  &-left {
    display: flex;
    align-items: center;
    background: #f2f2f2;
    border-radius: 6px;
    min-height: 36px;
    flex: 1;
    padding: 0 10px;
    &-text {
      padding: 5px 10px;
    }
    input {
      width: 100%;
      height: 100%;
      padding-left: 10px;
      font-weight: bold;
    }
  }
  &-bot {
    margin-left: 10px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    width: 60px;
    border: 0;
    background: #ed7467;
  }
}
</style>